export default {
  series: [
    {
      type: 'gauge',
      radius: '100%',
      startAngle: 210,
      endAngle: -30,
      min: 0,
      max: 1,
      axisLine: {
        lineStyle: {
          width: 50
        }
      },
      itemStyle: {
        color: '#f2f2f2'
      },
      progress: {
        show: true,
        width: 50
      },
      pointer: {
        show: false
      },
      axisTick: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLabel: {
        show: false
      },
      detail: {
        show: false
      },
      data: [
        {
          value: 1
        }
      ],
      silent: true,
      animation: false,
      zlevel: 0
    },
    {
      type: 'gauge',
      radius: '90%',
      startAngle: 210,
      endAngle: -30,
      min: 0,
      max: 1,
      splitNumber: 5,
      animationDuration: 1500,
      axisLine: {
        lineStyle: {
          width: 20,
          color: [
            [0.33333, '#ff791a'],
            [0.66666, '#ffa15f'],
            [1, '#ffd6ba']
          ]
        }
      },
      axisLabel: {
        distance: 22,
        color: '#333',
        fontSize: 12,
        formatter(val) {
          return val === 0 ? 0 : `${val * 100}%`
        }
      },
      axisTick: {
        show: false
      },
      anchor: {
        show: true,
        showAbove: true,
        size: 25,
        itemStyle: {
          borderWidth: 0,
          color: '#ebecec'
        }
      },
      pointer: {
        length: '45%',
        width: 25,
        icon: 'triangle',
        itemStyle: {
          color: '#c3c5c6'
        }
      },
      splitLine: {
        length: 8,
        distance: 15,
        lineStyle: {
          color: '#333',
          width: 2
        }
      },
      detail: {
        fontSize: 26,
        offsetCenter: [0, '88%'],
        valueAnimation: true,
        formatter(value) {
          return Math.round(value * 100) + '%'
        },
        color: 'auto'
      },
      title: {
        fontSize: 12,
        width: 24,
        height: 10,
        backgroundColor: '#fff',
        shadowBlur: 0,
        shadowOffsetY: 15
      },
      data: [
        {
          value: 0.7,
          name: '较差',
          title: {
            shadowColor: '#ff791a',
            offsetCenter: ['-40%', '50%']
          }
        },
        {
          value: 0.7,
          name: '一般',
          title: {
            shadowColor: '#ffa15f',
            offsetCenter: ['0%', '50%']
          }
        },
        {
          value: 0.7,
          name: '良好',
          title: {
            shadowColor: '#ffd6ba',
            offsetCenter: ['40%', '50%']
          }
        }
      ],
      zlevel: 1
    }
  ]
}
